<template>
	<view class="terminal-state">
		<u-toast ref="uToast"></u-toast>
		<u-no-network></u-no-network>

		<!-- 机具状态 1-未绑定 2-已绑定 status-->
		<!-- hardwareType 2 传统POS 1 电签POS-->
		<!-- activeStatus 1 已激活 -->

		<view class="terminal-state__item ">
			<view class="flex u-padding-bottom-20 u-border-bottom">
				<u-image :src="thumb" width="40" height="40" class="card__icon mr-10"></u-image>
				<view class="">
					终端SN：{{item.sn}}
				</view>

			</view>
			<view class="flex u-margin-top-20 justify-between u-border-bottom u-padding-bottom-20">
				<view class="">
					终端类型：
				</view>
				<view class="" v-if="item.hardwareType=='1'">
					电签POS
				</view>
				<view class="" v-else>
					传统pos
				</view>
			</view>

			<view class="flex u-margin-top-20  justify-between u-border-bottom u-padding-bottom-20">
				<view class="">
					终端型号:
				</view>
				<view class="">
					{{item.hardwareNo}}
				</view>

			</view>
			<view class="flex u-margin-top-20  justify-between u-border-bottom u-padding-bottom-20">
				<view class="">
					参与活动:
				</view>
				<view class="">
					{{item.activityName}}
				</view>

			</view>
			<view class="flex u-margin-top-20  justify-between u-border-bottom u-padding-bottom-20">
				<view class="">
					绑定商户:
				</view>
				<view class="">
					{{item.merSubName}}
				</view>

			</view>
			<view class="flex u-margin-top-20 justify-between u-border-bottom u-padding-bottom-20">
				<view class="">
					激活状态：
				</view>
				<view class="" v-if="item.activeStatus=='1'">
					已激活
				</view>
				<view class="" v-else>
					未激活
				</view>
			</view>
			<view class="flex u-margin-top-20  justify-between u-border-bottom u-padding-bottom-20">
				<view class="">
					绑定时间:
				</view>
				<view class="">
					{{item.bindTime}}
				</view>

			</view>
			<view class="flex u-margin-top-20  justify-between  u-padding-bottom-20">
				<view class="">
					激活时间:
				</view>
				<view class="">
					{{item.activeTime}}
				</view>

			</view>



		</view>


	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {

				thumb: "/static/image/home/icon_terminal_status.png",


				item: {},



			}
		},

		onLoad(options) {
			this.item = JSON.parse(decodeURIComponent(options.item));

		},
		methods: {


		},
	}
</script>

<style scoped lang="scss">
	.terminal-state {
		&__header {
			padding: 20rpx;
			background-color: white;
		}

		&__item {
			background-color: white;
			border-radius: 20rpx;
			margin: 10rpx 20rpx;
			padding: 20rpx;
		}
	}

	.yellow {
		color: #FF8E00;
	}
</style>